﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Content.aspx.cs" Inherits="CSP.Web.MyHome.ServiceManage.Content" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>


    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        UL {
            list-style-type: none;
        }

        LI {
            list-style-type: none;
        }



        BODY {
            color: #666b76;
            font-family: "微软雅黑","宋体",arial;
            font-size: 14px;
            margin: 0px;
        }

        .left {
            float: left;
        }

        LABEL {
            vertical-align: top;
        }

        .subarea input {
            padding: 5px;
        }

        .clearfix:after {
            height: 0px;
            overflow: hidden;
            clear: both;
            display: block;
            visibility: hidden;
            content: ".";
        }

        .clearfix {
            display: block;
            zoom: 1;
        }

        .red {
            color: red;
        }

        .question_list .item {
            position: relative;
            margin-top: 5px;
        }

        .question_list .clean {
            position: absolute;
            top: 2px;
            right: 5px;
            cursor: pointer;
            padding: 2px;
            border-radius: 3px;
            display: none;
        }

        .sub_item {
            padding: 5px;
            margin: 5px 10px;
            border-radius: 5px;
            display: none;
        }

        .question_list .item-title {
            margin: 0 0 2px 10px;
        }

        .item-vals {
            padding-bottom: 10px;
            /*display: none;*/
            margin-left: 20px;
        }

        .item-shows {
            display: inline;
        }

        .question_list .item-vals {
            background-color: #ffffcc;
            padding: 10px;
        }

        .qtip {
            margin-bottom: 5px;
            color: #666;
        }

        h3 {
            font-size: 14px;
        }

        .clearfix {
            zoom: 1;
        }

            .clearfix:after {
                display: block;
                clear: both;
                height: 0;
                overflow: hidden;
            }

        #permit_main {
            width: 100%;
            /*padding-bottom: 20px;*/
            overflow-x: hidden;
            margin: 0 5px 10px 5px;
            position: relative;
        }

        #zr_error {
            display: none;
        }
    </style>


    <script src="./static/js/jquery-1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="./static/js/common.js?v=20131107180000"></script>
    <script type="text/javascript" src="./static/js/bd-common.js?v=20131107180000"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:HiddenField ID="SERVICEINFO" ClientIDMode="Static" runat="server" />
            <asp:HiddenField ID="RHOUSE" ClientIDMode="Static" runat="server" />
            <asp:HiddenField ID="RCAR" ClientIDMode="Static" runat="server" />
            <asp:HiddenField ID="RTRUST" ClientIDMode="Static" runat="server" />

        </div>

        <div id="permit_main" style="">
            <div class="clearfix">
                <div style="overflow: hidden; padding: 0 10px; float: left; width: 100%;" id="permit-div">
                    <h3>您要求客户回答的问题。（根据产品要求的资质正确勾选，有助于筛选掉<span class="red">不符合要求</span>的客户）</h3>
                    <div id="zr_error"><span class="red">请您选择符合办理条件的客户资质问题。</span>根据产品要求正确设置问题，提升<span class="red">80%</span>下单客户质量。</div>
                    <ul class="question_list left">
                        <li class="item" id="item-1">
                            <div class="item-title">
                                职业身份
                            </div>
                            <div class="item-vals">
                                <asp:Repeater ID="R_Type" runat="server">
                                    <ItemTemplate>
                                        <input name="radiotype" type="radio" value="<%#Eval("id") %>" id="radio<%#Eval("id") %>" />
                                        <%#Eval("name") %>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                        </li>
                        <li class="item" id="item-2">
                            <div class="item-title">
                                条件：
                            </div>
                            <div class="item-vals" id="span_ServiceInfo">
                                <asp:Repeater ID="R_ServiceType" runat="server">
                                    <HeaderTemplate>
                                        <div class="subarea">
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <%#Eval("name") %>:<%#GetServiceChildUrl(Eval("id").ToString()) %><br />
                                    </ItemTemplate>
                                    <FooterTemplate>
                                        </div>
                                    </FooterTemplate>
                                </asp:Repeater>
                            </div>
                        </li>
                        <li class="item" id="item-5">
                            <div class="item-title">
                                名下房产
                            </div>
                            <div class="item-vals" id="span_House">
                                <asp:Repeater ID="R_House" runat="server">
                                    <ItemTemplate>
                                        <input name="housecheck" type="checkbox" value="<%#Eval("id") %>" id="checkbox<%#Eval("id") %>" />
                                        <%#Eval("name") %>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                        </li>
                        <li class="item" id="item-6">
                            <div class="item-title">
                                名下车辆
                            </div>
                            <div class="item-vals" id="span_Car">
                                <asp:Repeater ID="R_Car" runat="server">
                                    <ItemTemplate>
                                        <input name="radcar" type="radio" value="<%#Eval("id") %>" id="radio<%#Eval("id") %>" />
                                        <%#Eval("name") %>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                        </li>
                        <li class="item" id="item-7">
                            <div class="item-title">
                                个人信用
                            </div>
                            <div class="item-vals" id="span_Trust">
                                <asp:Repeater ID="R_Trust" runat="server">
                                    <ItemTemplate>
                                        <input name="radtrust" type="radio" value="<%#Eval("id") %>" id="radio<%#Eval("id") %>" />
                                        <%#Eval("name") %>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                        </li>
                    </ul>
                </div>
                <span>
                    <input id="Button1" type="button" onclick="test()" value="button" /><asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" />
                </span>
            </div>
        </div>
    </form>
    <script type="text/javascript">
        function test() {
            //debugger;
            var houseID = "";
            var carID = "";
            var trustID = "";
            var serviceInfo = "";
            debugger;
            $("#span_ServiceInfo").children().children().each(function () {
                var defV = $(this).attr("checked");
                if (defV && defV != "") {
                    serviceInfo += $(this).val() + ",";
                }
            });
            $("#SERVICEINFO").val(serviceInfo);
            $("#span_House").children().each(function () {
                var defV = $(this).attr("checked");
                if (defV && defV != "") {
                    houseID += $(this).val() + ",";
                }
            });
            $("#RHOUSE").val(houseID);
            $("#span_Car").children().each(function () {
                var defV = $(this).attr("checked");
                if (defV && defV != "") {
                    carID += $(this).val() + ",";
                }
            });
            $("#RCAR").val(carID);

            $("#span_Trust").children().each(function () {
                var defV = $(this).attr("checked");
                if (defV && defV != "") {
                    trustID += $(this).val() + ",";
                }
            });
            $("#RTRUST").val(trustID);

            alert($("#SERVICEINFO").val() + "|" + $("#RTRUST").val() + "|" + $("#RCAR").val() + "|" + $("#RHOUSE").val())
        }
    </script>
</body>
</html>
